*{ margin: 0; padding: 0; list-style: none; text-decoration: none; box-sizing: border-box;}
body{ position: relative; font: 14px/1.5 Microsoft YaHei, arial, 微软雅黑, sans-serif; vertical-align: baseline; width: 100%; overflow-x: hidden;padding-top: 242px;}
i, em{ font-style: normal;}
a{ color: #333;}
h1, h2, h3, h4, h5, h6, b{ font-weight: normal;}
img{ border: none \9; display: inline-block;}
.clearfix:after{ content: "."; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;}
.fl{ float: left;}
.fr{ float: right;}
@font-face { font-family: 'impact'; src: url('../fonts/impact.ttf'); src: url('../fonts/impact.ttf'); format('embedded-opentype'), url('../fonts/impact.ttf'); format('woff'), url('../fonts/impact.ttf'); format('truetype'), url('../fonts/impact.ttf'); format('svg'); font-weight: normal; font-style: normal;}
.tywidth{ width: 1200px; margin: 0 auto;}
.more-title{ width: 100%;}

/*header */

.header{ width: 100%; position: fixed; top: 0; left: 0; background: #fff; z-index: 99;}
.header .header-1{height: 40px;width: 100%;background: #eee;line-height: 40px;}
.header .header-1 .content{width: 1200px;margin: auto;padding-right: 15px;}
.header .header-1 .content b{color: #666;font-size: 14px;line-height: 40px;}
.header .header-1 .content nav{line-height: 40px;float: right;}
.header .header-1 .content nav a{color: #666;font-size: 14px;}
.header .header-2 .content{width: 1200px;height: 135px;margin: auto;}
.header .header-2 .content .log{float: left;margin-top: 30px;}
.header .header-2 .content .text{float: left;margin-top: 25px;}
.header .header-2 .content .text h3{font-size: 24px;color: #333;font-family: "Microsoft YaHei", 微软雅黑;font-weight: bold;margin-bottom: 13px;padding-left: 45px;}
.header .header-2 .content .text h3 span{color: #00b8f6;}
.header .header-2 .content .text b{font-size: 18px;color: #666;padding-left: 45px;}
.header .header-2 .content .phone{float: right;width: 244px;margin-top: 20px;}
.header .header-2 .content .phone .dh{color: #666;font-size: 16px;float: right;text-align: left;}
.header .header-2 .content .phone .dh h3{color: #00b8f6;font-size: 24px;line-height: 30px;}
.header .header-3{height: 66px;width: 100%;border-top: solid 1px #ccc;}
.header .header-3 .content{width: 1200px;margin: auto;}
.header .header-3 .content nav a{width: 133px;display: block;float: left;text-align: center;height: 66px;line-height: 66px;font-size: 16px;color: #333;}
.header .header-3 .content nav a:hover{color: #fff;background: url("../images/nav_hbj.png")no-repeat center;}
.header .header-3 .content nav .on{color: #fff;background: url("../images/nav_hbj.png")no-repeat center;}

/*banner*/

.banner-index{ font-size: 0;}
.banner-index img{ width: 100%;line-height: 0;}
.slideBox{ width: 100%; height: auto; overflow: hidden; position: relative;}
.slideBox .hd{ height: 12px; overflow: hidden; position: absolute; left: 48%; bottom: 6px; z-index: 1;}
.slideBox .hd ul{ overflow: hidden; zoom: 1; float: left;}
.slideBox .hd ul li{ float: left; width: 8px; height: 8px;margin-right: 10px; background: #fff;cursor: pointer;border: 1px solid #00b8f6;border-radius: 50%;}
.slideBox .hd ul li.on{background: #00b8f6;}
.banner-index .slideBox .bd img{ width: 100%;}

/*search*/

.search{ width: 100%; height: 56px; line-height: 56px;background: #fff;}
.search-content{ width: 1200px; margin: 0 auto; overflow: hidden;}
.search-keywords{ font-size: 14px; color: #fff; display: inline-block;}
.search-keywords .wb{ display: inline-block; vertical-align: top;}
.search-keywords .wb > span{ color: #fff; font-size: 15px; display: inline-block; border-radius: 16px; text-align: center; height: 30px; line-height: 30px; width: 50px; font-weight: bold;}
.search-keywords .wb > a{ color: #666; font-size: 14px;}
.search-keywords .wb > a:hover{ color: #0287d4;}
.search-keywords .wb i{ background: url(../images/searchhr.png) no-repeat; width: 2px; height: 13px; margin: 0 10px 0; display: inline-block; vertical-align: middle;}
#searchForm{ background: url(../images/search.png) no-repeat; width: 278px; line-height: 26px; height: 26px; /*z-index: 99; */position: relative; margin-top: 13px;}
.search-form{ display: inline-block; float: right;}
#searchForm .search-input{ vertical-align: top; height: 25px; background: none; line-height: 26px; color: #666; border-radius: 5px; text-indent: 20px; outline: none; border: none; width: 87%; font-size: 14px;}
.search-form #s_btn{ width: 36px; height: 26px; background: none; color: #fff; outline: none; border: none;float: right; cursor: pointer; display: inline-block; vertical-align: top;}
.clear-fix-3{ line-height: 0; font-size: 0; clear: both;}
#searchForm .search-input::-webkit-input-placeholder{/* WebKit browsers */
	color: #666;}
#searchForm .search-input:-moz-placeholder{/* Mozilla Firefox 4 to 18 */
	color: #666;}
#searchForm .search-input::-moz-placeholder{/* Mozilla Firefox 19+ */
	color: #666;}
#searchForm .search-input:-ms-input-placeholder{/* Internet Explorer 10+ */
	color: #666;}

/*customized*/

.customized{width: 1200px;margin: auto;height: 630px;}
.customized .top{width: 1200px;margin: auto;height: 67px;background: url("../images/custo_titlebj.png")no-repeat bottom;text-align: center;margin-bottom: 50px;}
.customized .top h3{font-size: 30px;color: #333;}
.customized .top h3 span{color: #00b8f6;font-weight: bold;}
.customized .top b{color: #666;font-size: 18px;}
.customized .content{height: 466px;overflow: hidden;}
.customized .content .left{width: 823px;height: 466px;float: left;}
.customized .content .right{width: 371px;height: 466px;float: right;}
.customized .content .right ul li{width: 180px;height: 67px;float: left;border: solid 1px #ccc;line-height: 67px;font-size: 16px;color: #333;text-align: center;margin-right: 10px;margin-bottom: 10px;}
.customized .content .right ul .on{border: solid 2px #00b8f6;}

/*ad*/

.ad{background: url("../images/ad1_bj.png")no-repeat center;width: 100%;height: 456px;padding-top: 75px;}
.ad .content{width: 1202px;margin: auto;height: 380px;}
.ad .content .left{float: left;padding-top: 85px;}
.ad .content .left ul li{background: url("../images/ad_libj.png")no-repeat;height: 56px;width: 620px;font-size: 18px;color: #fff;line-height: 56px;padding-left: 70px;margin-bottom: 17px;}
.ad .content .left ul li span{font-weight: bold;}
.ad .content .right{float: right;margin-top: 24%;}
.ad .content .right p{font-size: 24px;color: #fff;font-weight: bold;}
.ad1{ height: 522px; background: url("../images/ad1.png")no-repeat center;}
.ad1 ul{ padding-top: 222px; margin: auto; width: 1201px; height: 339px; padding-left: 588px;}
.ad1 ul li{ float: left; margin-right: 30px; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s;}
.ad1 ul li:hover img{ transform: translateZ(30px) rotateY(360deg) scale(1.1); -webkit-transform: translateZ(30px) rotateY(360deg) scale(1.1); -ms-transform: translateZ(30px) rotateY(360deg) scale(1.1); -moz-transform: translateZ(30px) rotateY(360deg) scale(1.1);}

/*advantage*/

.advantage{width: 1200px;margin: auto;padding-top: 50px;}
.advantage .top{width: 1200px;margin: auto;height: 67px;background: url("../images/custo_titlebj.png")no-repeat bottom; text-align: center;margin-bottom: 15px;}
.advantage .top h3{font-size: 30px;color: #333;}
.advantage .top h3 span{color: #00b8f6;font-weight: bold;}
.advantage .top b{color: #666;font-size: 18px;}
.advantage .mode_1{width: 1200px;margin: auto;margin-bottom: 30px;}
.advantage .mode_1 .wz{float: left;width: 48.1%;margin-left: 45px;margin-top: 90px;}
.advantage .mode_1 .wz .title{overflow: hidden;}
.advantage .mode_1 .wz .title img{float: left; margin-top: 25px; margin-right: 20px;}
.advantage .mode_1 .wz .title .wenzhi{float: left;margin-top: 19px;}
.advantage .mode_1 .wz .title .wenzhi h3{font-size: 24px;color: #00b8f6;margin-bottom: 5px;}
.advantage .mode_1 .wz .title .wenzhi h3 span{font-weight: bold;color: #333;}
.advantage .mode_1 .wz .title .wenzhi p{font-size: 18px;color: #333;text-transform: uppercase;}
.advantage .mode_1 .wz ul li{ font-size: 16px;color: #666;background: url("../images/li_bj.png")no-repeat;padding-left: 33px; line-height: 33px;margin-bottom: 15px;background-position: 10px 10px;}
.advantage .mode_1 .img{float: left;}
.advantage .mode{width: 1200px;margin: auto;height: 408px;margin-bottom: 0px;}
.advantage .mode .wz{float: left;width: 48.1%;margin-right: 45px;margin-top: 15px;}
.advantage .mode .wz .title{overflow: hidden;}
.advantage .mode .wz .title img{float: left; margin-top: 25px; margin-right: 20px;}
.advantage .mode .wz .title .wenzhi{float: left;margin-top: 19px;}
.advantage .mode .wz .title .wenzhi h3{font-size: 24px;color: #00b8f6;margin-bottom: 5px;}
.advantage .mode .wz .title .wenzhi h3 span{font-weight: bold;color: #333;}
.advantage .mode .wz .title .wenzhi p{font-size: 18px;color: #333;text-transform: uppercase;}
.advantage .mode .wz ul li{ font-size: 16px;color: #666;background: url("../images/li_bj.png")no-repeat;padding-left: 33px; line-height: 33px;margin-bottom: 15px;background-position: 10px 10px;}
.advantage .mode .img{ float: right; margin-right: -25px;}

/*fwys*/

.fwys .top{width: 1200px;margin: 20px auto 50px;height: 67px;background: url("../images/custo_titlebj.png")no-repeat bottom; text-align: center;}
.fwys .top h3{font-size: 30px;color: #333;}
.fwys .top h3 span{color: #00b8f6;font-weight: bold;}
.fwys .top b{color: #666;font-size: 18px;}
.fwys .content{width: 1200px;margin: auto;font-size: 0;}
.fwys .content ul li:last-child{ margin-right: 0;}
.fwys .content ul li{ display: inline-block; vertical-align: top; text-align: center; position: relative; width: 286px; height: 387px; overflow: hidden; margin-right: 18px;}
.fwys .content ul li .pic{ width: 286px; height: 387px; overflow: hidden;}
.fwys .content ul li .pic img{ width: 100%;}
.fwys .content ul li .xs{ position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 96px; transition: all .3s ease;}
.fwys .content ul li .xs dt{ position: relative; z-index: 1; margin: 0 auto; width: 50px; height: 50px; line-height: 50px; color: #00b8f6; font-size: 20px; font-weight: bold; background: #fff; border-radius: 50%;}
.fwys .content ul li .yc{ position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; padding-top: 90px; background-color: rgba(5, 5, 5, 0.659); opacity: 0; transition: all .5s ease;}
.fwys .content ul li p{ color: #fff; font-size: 18px; font-weight: bold;}
.fwys .content ul li .xs p{ height: 72px; padding-top: 35px; background: #00b8f6; margin-top: -26px;}
.fwys .content ul li .yc dt{ margin: 0 auto; border-radius: 50%; width: 66px; height: 66px; line-height: 66px; transition: all .5s ease; color: #fff; background: #00b8f6; font-size: 30px; font-weight: bold;}
.fwys .content ul li .yc p{ line-height: 18px; margin: 15px 0 25px;}
.fwys .content ul li .yc dd{ padding: 0 30px; color: #fff; font-size: 16px; line-height: 28px;}
.fwys .content ul li:hover .yc{ opacity: 1;}
.fwys .content ul li:hover .yc dt{ transform: rotateY(360deg);}
.fwys .content ul li:hover .xs{ bottom: -387px;}

/*honor*/

.honor{padding-top: 55px; font-size: 0;}
.honor .top{width: 1200px;margin: 0 auto 25px;height: 67px; background: url("../images/custo_titlebj.png")no-repeat bottom;text-align: center;}
.honor .top h3{font-size: 30px;color: #333;}
.honor .top h3 span{color: #00b8f6;font-weight: bold;}
.honor .top b{color: #666;font-size: 18px;}
.honor .content{ width: 1200px; margin: auto; overflow: hidden; position: relative;}
.honor .content>div{ display: inline-block; vertical-align: top;}
.honor .content .bdnr{ width: 978px; margin-right: 30px;}
.honor .content .bdnr .bb:first-child .pic{ height: 326px;}
.honor .content .bdnr .bb .prev1{ display: inline-block; vertical-align: middle; width: 15px; height: 44px; cursor: pointer; margin-right: 23px;}
.honor .content .bdnr .bb .next2{ display: inline-block; vertical-align: middle; width: 15px; height: 44px; cursor: pointer; margin-left: 23px;}
.honor .content .bdnr .bb ul{ display: inline-block; vertical-align: middle;width: 904px;}
.honor .content .bdnr .bb .tempWrap{ display: inline-block; vertical-align: middle; width: 902px!important;}
.honor .content .bdnr .bb ul li{ margin-right: 7px; width: 294px!important; border: 1px solid #fff; display: inline-block; vertical-align: top;}
.honor .content .bdnr .bb ul li .pic{ width: 228px; height: 165px; margin: 29px auto;overflow: hidden;}
.honor .content .bdnr .bb ul li .pic img{ width: 100%;}
.honor .content .bdnr .bb ul li .mc{ width: 100%; height: 85px; padding: 25px 0 0 45px;}
.honor .content .bdnr .bb ul li .mc dt{ color: #333; font-size: 16px; line-height: 16px;}
.honor .content .bdnr .bb ul li .mc dt:after{ content: ""; display: block; margin: 20px 0 0 12px; width: 60px; height: 3px; background: #00b8f6;}
.honor .content .bdnr .bb ul li:hover{ border: 1px solid #00b8f6;}
.honor .content .bdnr .bb ul li:hover .mc{ background: #00b8f6;}
.honor .content .bdnr .bb ul li:hover .mc dt{ color: #fff;}
.honor .content .bdnr .bb ul li:hover .mc dt:after{ background: #fff;}
.honor .content .hd{ width: 192px;}
.honor .content .hd ul li{ width: 192px; height: 101px; line-height: 101px; border: 1px solid #00b8f6; font-size: 18px; color: #00b8f6;}
.honor .content .hd ul li.on{ background: #00b8f6; font-weight: bold; color: #fff;}
.honor .content .hd ul li i{ padding-left: 30px; display: block;}
.honor .content .hd ul li.on i{ background: url(../images/fkhr.png)no-repeat 10px center;}
.honor .content .hd .rx{ border-radius: 6px; margin-top: 15px; padding-top: 20px; background: #00b8f6; color: #fff; text-align: center; height: 95px;}
.honor .content .hd .rx p{ font-size: 16px; line-height: 16px; margin-bottom: 15px;}
.honor .content .hd .rx h3{ font-size: 18px; line-height: 18px;}

/*product*/

.product{width: 1200px;margin: auto;padding-top: 50px;}
.product .top{width: 1200px;margin: auto;height: 67px;background: url("../images/custo_titlebj.png")no-repeat bottom;text-align: center;margin-bottom: 50px;}
.product .top h3{font-size: 30px;color: #333;}
.product .top h3 span{color: #00b8f6;font-weight: bold;}
.product .top b{color: #666;font-size: 18px;}
.product .content{width: 1200px;margin: auto;overflow: hidden;}
.product .content .left{width: 270px;float: left;background: #00b8f6;padding-bottom:33px;border: solid 1px #ccc;}
.product .content .left .t{height: 113px;text-align: center;line-height: 160px;}
.product .content .left ul{background: #fff;}
.product .content .left ul li{height: 58px;line-height: 58px;border-bottom: solid 1px #e5e5e5;padding-left: 50px;}
.product .content .left ul li.on{ background: url(../images/shudi8.png)no-repeat; background-position-x: 25px; background-position-y: 22px;}
.product .content .left ul li a{color: #333;font-size: 16px;}
.product .content .left ul li:hover a,.product .content .left ul dl dd:hover a{color: #00b8f6;}
.product .content .left ul dl{ display: none;}
.product .content .left ul dl dd a{ display: block; color: #333; font-size: 14px; padding: 10px 20px;}
.product .content .left .bo{text-align: center;padding-top: 40px;}
.product .content .left .bo p{font-weight: bold;font-size: 22px;color: #fff;}
.product .content .right{float: right;width: 890px;}
.product .content .right .img img{width: 600px;float: left;}
.product .content .right .list{width: 288px;float: right;}
.product .content .right .list .xq{height: 286px;border: solid 1px #ccc;border-radius: 6px;position: relative; overflow: hidden; margin-bottom: 26px;width: 288px;}
.product .content .right .list .imgge{height: 225px;text-align: center;}
.product .content .right .list .bti{height: 62px;background: #e5e5e5; position: absolute;top: 224px;width: 100%;color: #000;font-size: 18px;line-height: 62px;text-align: center;}
.product .content .right .list .btiho{background: url("../images/btiho.png")no-repeat;height: 144px;width: 100%;line-height: 195px;text-align: center;position: absolute;top: 144px;font-size: 18px;color: #fff;display: none;}

/*case*/

.case{ position: relative;z-index: 6; width: 1200px;margin: auto;margin-top: 40px;}
.case .top{width: 1200px;margin: auto;height: 67px;background: url("../images/custo_titlebj.png")no-repeat bottom;text-align: center;margin-bottom: 30px;}
.case .top h3{font-size: 30px;color: #333;}
.case .top h3 span{color: #00b8f6;font-weight: bold;}
.case .top b{color: #666;font-size: 18px;}
.case .content{ height: 719px; overflow: hidden;}
.case .content ul li .img{float: left;width: 1200px;margin-bottom: 20px;}
.case .content ul li .img img:first-child{ border-radius: 6px;width: 760px;height: 460px;}
.case .content ul li .wenz{ width: 588px;height: 464px;position: absolute;left: 51%;padding-top: 61px;}
.case .content ul li .wenz .wz{ border-radius: 6px; width: 588px;height: 323px;background: #f3f2f2;padding: 50px 45px 26px 40px;}
.case .content ul li .wenz .wz h3{font-size: 20px;font-weight: bold;color: #333;margin-bottom: 15px;}
.case .content ul li .wenz .wz p{color: #666;font-size: 16px;line-height: 27px;height: 70px;}
.case .content ul li .wenz .jt{text-align: right;padding-right: 25px;margin-top: 20px;}
.case .list{overflow: hidden; margin: 18px auto 30px;}
.case .list ul li{float: left;height: 60px; border-radius: 6px; overflow: hidden; width: 200px;border: solid 1px #ccc;border-radius: 10px;font-size: 16px;color: #333;text-align: center;line-height: 60px;margin-right: 50px;}
.case .list ul .on{background: #00b8f6;}
.case .list ul .on a{ color: #fff;}
.case .content ul li .lb .imgxq{ float: left;margin-right: 21px; width: 386px; height: 234px; overflow: hidden; border-radius: 6px;}
.case .content ul li .lb .imgxq img{ width: 100%; transition: all .6s;}
.case .content ul li .lb .imgxq:hover img{ transform: scale(1.1);}

/*about*/

.about{ background: url(../images/about_bj.png)no-repeat center top; padding-top: 22%; margin-top: -68px;}
.about .content{width: 1200px;margin: auto;height: 706px;background: #fff;padding: 40px;padding-bottom: 0px;}
.about .content .a{height: 350px;overflow: hidden;}
.about .content .a .left{float: left;width: 611px;}
.about .content .a .right{float: right;width: 476px;padding-top: 20px;}
.about .content .a .right h3{font-size: 24px;color: #333;margin-top: 20px;margin-bottom: 20px;}
.about .content .a .right p{font-size: 14px;color: #666;line-height: 29px;height: 170px;}
.about .content .a .right .anb1{background: url("../images/bj6.png")no-repeat;height: 40px;font-size: 14px;color: #666;line-height: 40px;text-align: center;width: 140px;margin-top: 10px;float: right;}
.about .content .a .right .anb1 a{ display: block; color: #666;}
.about .content .a .right .anb1:hover a{ color: #00b8f6;}
.about .content .b{height: 225px;margin-top: 40px;overflow: hidden;}
.about .content .b ul li{height: 225px;width: 272px;border-bottom: solid 1px #ccc;float: left;margin-right: 10px;}
.about .content .b ul li .imag{ text-align: center;color: #666;font-size: 16px;line-height: 23px;}
.about .content .b ul li:hover .imag{ color: #00b8f6;}
.about .content .anbi{ margin-top: 20px; text-align: center;}

/*new*/

.new{ padding-top: 50px;width: 1200px;margin: auto;}
.new .newlist{ width: 380px; display: inline-block; vertical-align: top;}
.new .newlist:first-child+.newlist{ margin: 0 26px;}
.new .newlist .top{ height: 70px; border-bottom: 1px solid #ccc; line-height: 70px;}
.new .newlist .top .zz{ float: left; position: relative;}
.new .newlist .top .zz img{ vertical-align: middle; margin: -8px 5px 0 0;}
.new .newlist .top .more a{ float: right; color: #999; font-size: 14px;font-family: arial;}
.new .newlist .top .zz span{ color: #333; font-size: 18px;margin-right: 10px;}
.new .newlist .top .zz i{ color: #a8a8a8; font-size: 14px;}
.new .newlist .nr{ margin: 15px 0 0;}
.new .newlist .nr .pic{ width: 394px; height: 122px; overflow: hidden;}
.new .newlist .nr .pic img{ width: 394px; height: 122px;}
.new .newlist .nr .pic:hover img{ transform: scale(1.1, 1.1); transition-duration: 300ms;}
.new .newlist .nr ul li{ line-height: 28px; border-bottom: 1px dashed #ccc; margin: 10px 0 0; padding-bottom: 10px;}
.new .newlist .nr ul li a:before{ content: ""; display: inline-block; vertical-align: top; margin-right: 5px;background: url('../images/shix.png')no-repeat; width: 9px; height: 13px;margin-top: 9px;}
.new .newlist .nr ul li a i{ color: #333; font-size: 14px;}
.new .newlist .nr ul li a span{ color: #666; font-size: 14px; float: right;}
.new .newlist .nr ul li a:hover i,.new .newlist .nr ul li a:hover span,.new .newlist .nr ul li a:hover:before{ color: #00b8f6;}
.new .newlist .top a:hover{ color: #00b8f6;}
.new .newlist3{ width: 380px!important;border: solid 1px #ccc;padding-left: 14px;padding-right: 13px;}
.new .newlist+.newlist .top .zz:before{ width: 185px;}
.new .newlist3 .top .zz:before{ width: 195px;}
.new .newlist3 .lbnew{ margin: 15px 0 0; height: 363px; overflow: hidden;}
.new .newlist3 ul li{ margin-bottom: 17px; border-bottom: 1px dashed #ccc;height: 100px!important;}
.new .newlist3 ul li .wen{ margin-bottom: 5px;}
.new .newlist3 ul li .wen a{ font-size: 14px; color: #333;}
.new .newlist3 ul li .wen a:before{ content: "Q"; background: #00b8f6;}
.new .newlist3 ul li .wen a:before,.new .newlist3 ul li .da a:before{ width: 20px; text-align: center; height: 20px; line-height: 20px; color: #fff; border-radius: 2px; margin-right: 6px; display: inline-block; font-size: 14px;}
.new .newlist3 ul li .da a:before{ content: "A"; background: #999;}
.new .newlist3 ul li .da a{ font-size: 14px; color: #999; line-height: 28px;}
.new .newlist3 ul li .da a i{ display: inline-block; width: 320px; vertical-align: top;}
.new .newlist3 ul li .wen a:hover{ color: #00b8f6;}
.new .newlist3 ul li .da a:hover{ color: #00b8f6;}
.new .newfl{border: solid 1px #ccc;height: 450px;width: 777px;float: right;overflow: hidden;}
.new .newfl .top{height: 61px;border-bottom: solid 1px #999;}
.new .newfl .top li{background: #fff;height: 60px;width: 49.85%;line-height: 60px;padding-left: 20px;color: #333;font-size: 18px;}
.new .newfl .top .on{color: #fff;background: url("../images/new_bj.png")no-repeat;}
.new .newfl .top .le{float: left;}
.new .newfl .top .ri{float: right;}
.new .newfl .list{padding-left: 20px;margin-top: 26px;}
.new .newfl .list ul li .a{height: 180px;overflow: hidden;}
.new .newfl .list ul li .a .img{float: left;width: 286px;height: 179px;margin-right: 25px;}
.new .newfl .list ul li .a .wenzi{float: left;width: 418px;height: 179px;}
.new .newfl .list ul li .a .wenzi h3{font-size: 16px;color: #333;}
.new .newfl .list ul li .a .wenzi p{font-size: 15px;color: #666;line-height: 25px;height: 72px;margin-bottom: 10px;}
.new .newfl .list ul li .b{margin-top: 30px;overflow: hidden;}
.new .newfl .list ul li .b .xq{float: left;width: 50%;margin-bottom: 20px;}
.new .newfl .list ul li .b .xq a{color: #666;font-size: 15px;}
.new .newfl .list ul li .b .xq a:hover{color: #00b8f6;}

/*foot*/

.foot{background: #00b8f6;margin-top: 50px;}
.foot .na{width: 1200px;margin: auto;padding: 20px 0;overflow: hidden;}
.foot .na ul li{font-size: 14px;color: #fff;float: left;margin-right: 50px;}
.foot .na ul li a{color: #fff;}
.foot .content{border-bottom: solid 1px #29c9ff;border-top: solid 1px #29c9ff;height: 294px;}
.foot .content .aiai{width: 1200px;margin: auto;padding-top: 50px;color: #fff;font-size: 14px;}
.foot .content .aiai .a{width: 390px;float: left;line-height: 25px;}
.foot .content .aiai .b{width: 390px;float: left; text-align: center;}
.foot .content .aiai .b .e{float: left;width: 108px;}
.foot .content .aiai .c{width: 209px;float: right; text-align: right;}
.foot .content .aiai .c ul{float: left;}
.foot .content .aiai .c ul li{margin-bottom: 5px;}
.foot .content .aiai .c ul li a{color: #fff;font-size: 14px;}
.foot .content .aiai .c ul li a:hover{ text-decoration: underline;}
.foot .dba{ height: 40px; line-height: 40px; color: #e4e4e4; font-size: 14px; text-align: center;}
.foot .dba a{ color: #e4e4e4; font-size: 14px;}
.foot .na ul li a:hover,.foot .dba a:hover{color: #fff;text-decoration: underline;}